define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {

    var Controller = {
        index: function () {
            // 基于准备好的dom，初始化echarts实例
            var myChart = Echarts.init(document.getElementById('echart'), 'walden');
            $.ajax({
                    url: 'dashboard/getstaticsData',
                    dataType: 'json',
                    data: {},
                    cache: false,
                    success: function (ret) {
                        console.log(ret);
                        // 指定图表的配置项和数据
                        var option = {
                            title: {
                                text: '',
                                subtext: ''
                            },
                            color: [
                                "#18d1b1",
                                "#3fb1e3",
                                "#626c91",
                                "#a0a7e6",
                                "#c4ebad",
                                "#96dee8"
                            ],
                            tooltip: {
                                trigger: 'axis'
                            },
                            legend: {
                                data: [__('Register user')]
                            },
                            toolbox: {
                                show: false,
                                feature: {
                                    magicType: {show: true, type: ['stack', 'tiled']},
                                    saveAsImage: {show: true}
                                }
                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                data: ret.data[0]
                            },
                            yAxis: {},
                            grid: [{
                                left: 'left',
                                top: 'top',
                                right: '10',
                                bottom: 30
                            }],
                            series: [{
                                name: __('Register user'),
                                type: 'line',
                                smooth: true,
                                areaStyle: {
                                    normal: {}
                                },
                                lineStyle: {
                                    normal: {
                                        width: 1.5
                                    }
                                },
                                data: ret.data[1]
                            }]
                        };

                        // 使用刚指定的配置项和数据显示图表。
                        myChart.setOption(option);
                    }, error: function () {
                        Toastr.error(__('Network error'));
                    }
                });


            $(window).resize(function () {
                myChart.resize();
            });

            $(document).on("click", ".btn-refresh", function () {
                setTimeout(function () {
                    myChart.resize();
                }, 0);
            });

        }
    };

    return Controller;
});
